<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>
            Fly社区
        </title>
        <link rel="stylesheet" href="//at.alicdn.com/t/font_001z27klwvobt9.css">
        <link rel="stylesheet" href="/fly/Public/css/layui.css">
        <link rel="stylesheet" href="/fly/Public/css/global.css">
        <script src="/fly/Public/layui.js"></script>
        <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    </head>
    
    <body>
        <div class="header">
            <div class="main">
                <a class="logo" href="<?php echo U('home/index/index');?>" title="Fly">
                    Fly社区
                </a>
                <div class="nav">
                    <a href="/jie/">
                        <i class="iconfont icon-wenda">
                        </i>
                        问答
                    </a>
                    <a href="/case/2016/">
                        <i class="iconfont icon-iconmingxinganli" style="top: 2px;">
                        </i>
                        案例
                    </a>
                    <a href="http://www.layui.com/">
                        <i class="iconfont icon-ui">
                        </i>
                        框架
                    </a>
                </div>
                <?php if(userCheck()): ?><div class="nav-user">
                    <a class="avatar" href="<?php echo U('home/user/myuser');?>">
                        <img class="face" src="/fly<?php echo ($_SESSION['face']); ?>">
                        <cite>
                            <?php echo ($_SESSION['username']); ?>
                        </cite>
                    </a>
                    <div class="nav">
                        <a href="<?php echo U('home/user/myset');?>">
                            <i class="iconfont icon-shezhi">
                            </i>
                            设置
                        </a>
                        <a href="<?php echo U('home/login/logout');?>">
                            <i class="iconfont icon-tuichu" style="top: 0; font-size: 22px;">
                            </i>
                            退了
                        </a>
                    </div>
                </div>
                <?php else: ?>
                <div class="nav-user">
                    <a class="unlogin" href="<?php echo U('home/user/index');?>">
                        <i class="iconfont icon-touxiang">
                        </i>
                    </a>
                    <span>
                        <a href="<?php echo U('home/login/index');?>">
                            登入
                        </a>
                        <a href="<?php echo U('home/reg/index');?>">
                            注册
                        </a>
                    </span>
                    <p class="out-login">
                        <a href="<?php echo U('home/login/qqlogin');?>" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </p>
                </div><?php endif; ?>
            </div>
        </div>
        <div class="main layui-clear">
<h2 class="page-title">
    创建栏目
</h2>
<div class="layui-form layui-form-pane">
    <form action="" method="post">
        <div class="layui-form-item">
            <label for="L_title" class="layui-form-label">
                栏目名称
            </label>
            <div class="layui-input-block">
                <input type="text" id="L_title" name="cname" required lay-verify="required"
                autocomplete="off" class="layui-input">
            </div>
        </div>

      <div class="layui-form-item">
        <label class="layui-form-label">分组选择框</label>
        <div class="layui-input-inline">
          <select name="fid">
            <?php foreach ($cate as $c) { ?>
            <!-- <optgroup label="Layui相关"> -->
                <option value="<?php echo ($c["id"]); ?>"><?php echo ($c["cname"]); ?></option>
            <!-- </optgroup> -->
            <?php } ?>
          </select>
        </div>
      </div>

        <div class="layui-form-item">
            <button class="layui-btn" lay-filter="*" lay-submit>
                立即创建
            </button>
        </div>
    </form>
</div>
</div>
<script>
    layui.use(['form','layer', 'laypage', 'element','upload'], function(){
      var layer = layui.layer
      ,laypage = layui.laypage
      ,element = layui.element()
      ,upload = layui.upload
      ,form = layui.form();
      
    //交互
    form.on('submit(*)', function(data){
        //console.log(data);
        $.ajax({
            url: "<?php echo U('home/Category/Cate_add');?>",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});
                  }else{
                     layer.msg(response.info ,{icon:5});
                     //创建成功跳转
                     location.href = "<?php echo U('home/category/index');?>"
                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  
          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });  


    });
</script>
        <div class="footer">
            <p>
                <a href="http://fly.layui.com/">
                    Fly社区
                </a>
                2016 &copy;
                <a href="http://www.layui.com/">
                    layui.com
                </a>
            </p>
            <p>
                <a href="http://fly.layui.com/jie/3147.html" target="_blank">
                    产品授权
                </a>
                <a href="http://fly.layui.com/jie/4536.html" target="_blank">
                    获取Fly社区模版
                </a>
                <a href="http://fly.layui.com/jie/2461.html" target="_blank">
                    微信公众号
                </a>
            </p>
        </div>
    </body>

</html>